CSS속성(property)의 종류
CSS언어는 '선택자{속성:값;}으로 작성된다.
여기서 '속성'은 사용자가 선택한 요소에 다양한 서식을 적용하기 위한 것이다.
1. 글자관련
font-family(폰트), font-style(텍스트 기울게 or 기본), font-size(글자크기), color(글자색상)
text-decoration(글자 밑줄, 윗줄 등), letter-spacing(글자간격)
text-transform(영문대문자:uppercase, 영문소문자:lowercase, 앞글자만 대문자: capitalize)
2. 문단관련
text-align(정렬), text-indent(들여쓰기), line-height(줄간격),
3. 크기관련
width(가로), height(세로)
4. 여백관련
margin(바깥여백), padding(안쪽여백)
5. 테두리관련
border(테두리), border-radius(테두리 둥글게)
6. 배경관련
background-color(배경색), background-image(배경이미지), background-size(배경크기), background-postition(배경위치)
7. 위치관련
position, float, transform:translate(가로, 세로)
8. 레이아웃 관련
flex, grid, display, float
9. 애니메이션
transition, animation, (@keyframes)
10. 필터
filter: grayscale(흑백효과), blur(흐리게)
11. 변형:
transform(2,3차원 변형)